<template>
  <view>
    <view class='productList'>
      <PageBody :properties="pageBody" @scrolltolower="scrolltolower">
        <template v-slot:body>
          <uv-gap height="10" v-if="datas.length > 0" bgColor=""></uv-gap>
          <view v-if="datas.length > 0" v-for="(item,index) in datas">
            <view class="student-wrapper">
              <view class="student-item">
                <view class="avatar-line">
                  <view class="avatar">
                    <uv-avatar v-if="item.memberAvatar" :size="40" :src="item.memberAvatar"></uv-avatar>
                    <uv-avatar v-else :text="item.memberName" fontSize="12" randomBgColor></uv-avatar>
                  </view>
                  <view style="font-size: 12px;color: #909399">
                    <view @click="copyOrder(item.orderNo)" style="display: flex">订单编号：{{item.orderNo}}
                      <uv-icon size="14" color="#909399"  name="empty-news"></uv-icon>
                    </view>
                    <view>下单时间：{{ item.createTime }}</view>
                  </view>

                  <view>
                    <view>
                      {{item.orderName}}
                    </view>
                  </view>
                </view>
                <view style="display: flex;justify-content: space-between">
                  <view class="item-line">
                    <view>订单金额：{{ item.amount }}</view>
                  </view>

                  <view class="item-line">
                    <view :style="{color:themConfig.theme.color}" >收益：{{ item.inviterAmount }}</view>
                  </view>
                </view>
                <view :style="{display: 'flex','justify-content': 'center',color:themConfig.theme.color,'font-size':'17px','margin-top':'10px'}" >
                </view>
              </view>
            </view>
          </view>


          <Empty :show="datas.length<=0"/>

          <uv-load-more v-if="isReachBottom" @loadmore="loadmore" :status="loading.status" :loading-text="loading.loadingText"
                        :loadmore-text="loading.loadmoreText"
                        nomore-text=" "/>
          <uv-gap height="1" v-if="datas.length > 0" bgColor=""></uv-gap>

        </template>
      </PageBody>
    </view>


  </view>
</template>
<script>
import {mixins} from './index.js'

export default {
  mixins: [mixins]
}
</script>

<style scoped lang="scss">
@import './index.scss';
</style>
